<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" slick-uniqueid="1">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Kind of Blue</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="container">
	<div id="wrapper">
		<div id="header">
			<div class="w960">
				<p id="logo"><a href=""><img src="images/logo1.png" /></a></p>
			
				<div class="clear"></div>	
				<div id="navbar" >
					<ul>
						<li class="active"><a href="index.html">home</a></li>
						<li><a href="about.html">about us</a></li>
						<li><a href="premium.html">PREMIUM BRANDS</a>
							<ul>
								<li><a href="premium.html">SEACRET</a></li>
								<li><a href="forever.html">FOREVER FLAWLESS</a></li>
								<li><a href="wish.html">WISH PRO</a></li>
							</ul>
						</li>
						<li><a href="career.html">CAREER</a>
							<ul>
								<li><a href="career_available.html">POSITION AVAILABLE</a></li>
								<li><a href="career.html">SUBMIT YOUR CV</a></li>							
							</ul>
						</li>
						<li><a href="store.html">STORE LOCATOR</a></li>
						<li><a href="news.html">NEWS & EVENTS</a></li>
						<li><a href="contact.html">contact us</a></li>
					</ul>
				</div>
			</div>
		</div><!--header-->
		<div class="clear"></div>
		

		<div class="promotion1">
			<img src="images/promotion_banner1.jpg" />
			
			<div class="pr1">
				<div class="w900">
					<div class="fr">
						<img src="images/logo_banner.png" /><br/>
						<img src="images/blue_line.png" />
						<p>Lorem Ipsum is simply dummy text of the <br/>
						printing and typesetting industry. Lorem <br/>
						Ipsum has been the industry's standard <br/>
						dummy text ever since the 1500s, when <br/>
						an unknown printer took a galley of type <br/>
						and scrambled it to .</p>
						<a href="">VIEW PRODUCT ></a>
			                </div>
				</div>
			</div>
		</div>
		<div class="promotion2">
			<img src="images/promotion_banner2.jpg" />
			<div class="pr2">
				<div class="w900">
					<div class="fl">
						<h3>LOGO 2</h3>
						<img src="images/blue_line.png" />
						<p>Lorem Ipsum is simply dummy text of the <br/>
						printing and typesetting industry. Lorem <br/>
						Ipsum has been the industry's standard <br/>
						dummy text ever since the 1500s, when <br/>
						an unknown printer took a galley of type <br/>
						and scrambled it to .</p>
						<a href="">VIEW PRODUCT ></a>
					</div>
				</div>
			</div>
		</div>
		<div class="promotion3">
			<img src="images/promotion_banner3.jpg" />
			<div class="pr2">
				<div class="w900">
					<div class="fr">
						<h3>LOGO 3</h3>
						<img src="images/blue_line.png" />
						<p>Lorem Ipsum is simply dummy text of the <br/>
						printing and typesetting industry. Lorem <br/>
						Ipsum has been the industry's standard <br/>
						dummy text ever since the 1500s, when <br/>
						an unknown printer took a galley of type <br/>
						and scrambled it to .</p>
						<a href="">VIEW PRODUCT ></a>
			                </div>
				</div>
			</div>			
		</div>		
	
	</div><!--Wrapper-->  
	
	<div class="w960">
		<div id="menu2">
			<ul>
				<li><a href="#">CUSTOMER SERVICE</a></li>
				<li><a href="#">ABOUT KIND OF BLUE</a></li>
				<li><a href="#">BRANDS WE CARRY</a></li>
				<li><a href="#">OUR LOCATIONS</a></li>
				<li><a href="#">BECOME A BLUE MEMBER</a></li>
				<li><a href="#">PROMOTIONS</a></li>
			</ul>
		</div>
	</div>
	<div class="clear"></div>
	<div id="footer">
		<div class="w960 foott">
			<div id="footer-data">
				<div id="text1">
					<p>NEWSLETTER | <span>Lorem Ipsum is simply dummy text of the 			printidfbdjfdffdfj.dfjdlfmng and typesett.</span></p>
				</div>
				
			<div class="clear"></div>
			<div class="fr">
				<div id="social">
					<ul>
						<li><a href="#"><img src="images/fb.png" /></a></li>
						<li><a href="#"><img src="images/envelop.png" /></a></li>
					</ul>
				</div>
				<div id="newsletter">
					<input type="text" value="Enter your email address here" />
					<input type="submit" />
				</div>			
			</div>	
			</div>
			<div class="clear"></div>
			<div id="copyright">
				<p>Lorem Ipsum is simply dummy text of the printidfbdjfdffdfj.dfjdlfmng and typesett.</p>
			</div>
		</div>
	</div><!--footer-->
</div>
</body>
</html>